<template>
  <div style="width: 900px; margin: auto">
    <template>
      <el-tabs v-model="activeName">
        <el-tab-pane name="first">
          <span slot="label">所有订单</span>
          <detail :goodId="1"></detail>
        </el-tab-pane>
        <el-tab-pane name="second">
          <span slot="label">待付款</span>
          <detail :goodId="2"></detail>
        </el-tab-pane>
        <el-tab-pane name="third">
          <span slot="label">待发货</span>
          <detail :goodId="3"></detail>
        </el-tab-pane>
        <el-tab-pane name="fourth">
          <span slot="label">待收货</span>
          <detail :goodId="4"></detail>
        </el-tab-pane>
        <el-tab-pane name="fifth">
          <span slot="label">待评价</span>
          <detail :goodId="5"></detail>
        </el-tab-pane>
      </el-tabs>
    </template>
  </div>
</template>

<script>
import Detail from "../views/PayGoodDetail.vue";
export default {
  components: {
    Detail,
  },
  props: {
    goodId: {
      type: Number,
      require: true,
    },
  },
  data() {
    return {
      activeName: "first",
    };
  },

};
</script>

<style scoped>
</style>